<template>
    <view class="imgbox">
        <img @click="handleClick" class="img-border" :src="src" alt="">
    </view>
</template>

<script>
export default {
    name: "img-border",
    props: {
        src: String
    },
    methods: {
        handleClick() {
            // console.log("对对对")

            // 子向父 传递参数，通过触发事件
            // this.$emit("自定义的时间名称","要传递的参数")
            this.$emit("srcChange",this.src)
        }
    }
}
</script>

<style scoped lang="scss">
    .img-border{
        border-radius: 50%;
        /*width: 500upx;*/
        /*height: 500upx;*/
    }
    /*.imgbox{*/
    /*    text-align: center;*/
    /*}*/

</style>
